<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
	<title>主页</title>
	<link rel="stylesheet" href="../../static/weixin/css/weui.min.css" th:href="@{/weixin/css/weui.min.css}" />
	<link rel="stylesheet" href="../../static/weixin/css/common.css" th:href="@{/weixin/css/common.css}" />
	<script type="text/javascript" src="../../static/weixin/js/zepto.min.js" th:src="@{/weixin/js/zepto.min.js}"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  
</head>

<body>
 <div class="container" id="container">
	<!-- Main content -->
	<div class="page">
		<div class="page__bd" style="height: 100%;">
	      <div class="weui-tab">
            <div class="weui-tab__panel">
	            <div class="weui-panel">
		            <div class="weui-panel__hd">客户列表</div>
		            <div class="weui-panel__bd">
		            <a th:each="row : ${list}" class="weui-cell weui-cell_access" th:href="@{'/weixin/detail/'+${row.id}}">
		                <div class="weui-media-box weui-media-box_text">
		                    <h4 class="weui-media-box__title" th:text="${row.customerName}">标题一</h4>
		                    <p class="weui-media-box__desc" th:text="${row.address}">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
		                    <ul class="weui-media-box__info" th:switch="${row.state}">
		                        <li class="weui-media-box__info__meta" th:text="${#calendars.format(row.reserveTime,'yyyy/MM/dd HH:mm:ss')}">时间</li>
		                        <li th:case="0" class="weui-media-box__info__meta weui-media-box__info__meta_extra">等待服务</li>
		                        <li th:case="1" class="weui-media-box__info__meta weui-media-box__info__meta_extra">正在服务</li>
		                        <li th:case="2" class="weui-media-box__info__meta weui-media-box__info__meta_extra">等待客户评价</li>
		                        <li th:case="3" class="weui-media-box__info__meta weui-media-box__info__meta_extra">等待催乳师反馈</li>
		                    </ul>
		                </div>
		            </a>
		            <a class="weui-cell weui-cell_access" href="javascript:;">
		                 <div class="weui-media-box weui-media-box_text">
		                    <h4 class="weui-media-box__title">标题一</h4>
		                    <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
		                    <ul class="weui-media-box__info">
		                        <li class="weui-media-box__info__meta">时间</li>
		                        <li class="weui-media-box__info__meta weui-media-box__info__meta_extra">其它信息</li>
		                    </ul>
		                </div>
		             </a>
		            </div>
	       		</div>
            
            </div>
            <div class="weui-tabbar">
                <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
                    <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon" />
                    <p class="weui-tabbar__label">客户列表</p>
                </a>
                <a href="javascript:;" class="weui-tabbar__item">
                    <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon" />
                    <p class="weui-tabbar__label">我的信息</p>
                </a>
            </div>
        </div>

		</div>
		
    </div>
	</div>
	



</body>
</html>
